iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 22
0
Modern Web

網站前端後端與API系列 第 22

NodeJS的動態網站概念-4

  • 分享至 

  • xImage
  •  

增加新的頁面要求

從昨天我們的程式碼中,

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { 
  	title: 'Express',
  	haha: '哈哈',
  	ironMan30: '30天鐵人賽',
  	theTweenty: '第20天'
  });
});

發現了一件事!!
我可不可以增加別的路徑要求,而不只是'/'呢?

可以的,我們修改index.js

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { 
  	title: 'Express',
  	haha: '哈哈',
  	ironMan30: '30天鐵人賽',
  	theTweenty: '第20天'
  });
});

/* 增加新的router位置 */
router.get('/30days', function(req, res, next) {
  res.render('index', { 
  	title: 'Express',
  	haha: '哈哈',
  	ironMan30: '30天鐵人賽',
  	theTweenty: '第20天'
  });
});

module.exports = router;

將原本router.get的內容整段複製,改掉路徑,變成/30days,存檔,開啟伺服器,輸入網址

http://localhost:3000/30days

是不是看到了跟http://localhost:3000/ 一樣的頁面!
這已經是不同頁面了喔!


上一篇
NodeJS的動態網站概念-3
下一篇
NodeJS的動態網站概念-5
系列文
網站前端後端與API30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言